﻿/* SilverPortal classes
-------------------------------------------------------------- */
div.module
{
	background-color: white;
	border: solid 1px #000;
	overflow: hidden;
	position: absolute;
}

div.module>div.header
{
	position: absolute;
	top: 0px;
	height: 25px;
	background-color: silver;
	padding: 0;
	left: 0px;
	right: 0px;
}
div.module>div.header > span
{
	position: relative;
	top: 3px;
	left: 5px;
	color: #000;
	font-weight: bold;
}
div.module>div.header > div.right
{
	float: right;
	margin-right: 5px;
	color: #ffffff;
	margin-top: 4px;
	font-size: 11px;
}

div.module>div.content
{
	position: absolute;
	top: 25px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	overflow-y: scroll;
}
div.module>div.content>div.loading
{
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 50;
	position: absolute;
	background:#FFF url(../images/ajax-loader.gif) no-repeat center center;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

div.module>div.content>div.error
{
	padding: 10px;
}

div.module>div.content>div.error > h3.message
{
	color: Red;
}

div.module>div.content>div.error > p.exception
{
	font-size: 10px;
}

div#content > div.column1-3
{
	position:absolute;
	left:0;
	width:33.33%;
	right:66.67%;
}

div#content > div.column2-3
{
	position:absolute;
	width:33.33%;
	right:33.33%;
	left:33.33%;
}

div#content > div.column3-3
{
	position:absolute;
	width:33.33%;
	left:66.67%;
	right:0;
}

div#content > div.column1-3 div.module
{
	left:10px; right:5px;
}
div#content > div.column2-3 div.module
{
	left:5px; right:5px;
}
div#content > div.column3-3 div.module
{
	left:5px; right:10px;
}

div#content > div.column1-2
{
	position: absolute;
	width: 50%;
	right: 50%;
}

div#content > div.column2-2
{
	position: absolute;
	left: 50%;
	width: 50%;
}

div#content div.column1-2 div.module
{
	left: 10px;
	right: 5px;
}
div#content div.column2-2 div.module
{
	right: 10px;
	left: 5px;
}
div#content div.full
{
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
}
div#content div.fill.module
{
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
}
div#content > div.fullheight
{
	top: 0px;
	bottom: 0px;
}
div#content > div.fullheight div.module
{
	top: 10px;
	bottom: 10px;
}
div#content > div.top-row div.module
{
	top: 10px;
}
div#content > div.bottom-row
{
	bottom: 0px;
}
div#content > div.bottom-row div.module
{
	bottom: 10px;
	top: 0px;
}
div#content > div.height-225
{
	height: 225px;
}
div#content > div.height-275
{
	height: 275px;
}
div#content > div.height-50pct
{
	height: 50%;
}
div#content > div.offset-top-225
{
	top: 225px;
}
div#content > div.offset-top-275
{
	top: 275px;
}
div#content > div.offset-top-285
{
	top: 285px;
}
div#content > div.offset-top-295
{
	top: 295px;
}
div#content > div.offset-top-50pct
{
	top: 50%;
}
div#content > div.noscroll div.content
{
	overflow-y: hidden;
}
div#content div.noheader div.module div.header
{
	height: 0px;
}
div#content div.noheader div.module div.content
{
	top: 0px;
}
div#content div.noborder div.module
{
	border: none;
}

#debugConsole { position:absolute; top:100px; left:100px; width:400px; height:400px; z-index:9999; display:none; }
#debugConsole div.header>div.right>a { cursor:pointer; margin-left:4px; color:#000; }
#debugConsole div.content > div { margin:2px 4px 2px 4px; border-bottom:solid 1px silver; }
